<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../commons/taglibs.jsp"%>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>BeginCode,初学者论坛，begincode,BeginCode</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="在线教程,begincode www.begincode.net  初学者社区，志在让更多软件开发初学者能够掌握一门开发技术  " />
<%@ include file="../commons/meta.jsp"%>
<link href="${ctx}/css/simplePagination.css" rel="stylesheet">
<link media="screen" href="${ctx}/css/bootstrap.css" rel="stylesheet">
<link media="screen" href="${ctx}/css/courseList.css" rel="stylesheet">
<script src="${ctx}/js/jquery.min.js"></script>
</head>
<body>
	<jsp:include page="/page/core/top.jsp" />
	<div class="jumbotron">
		<div class="container">
			<h1>在线教程</h1>
			<p>互联网一线开发者经验整理,文字,视频等免费教程</p>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<%--<h5 id="jumbotron" class="page-header">--%>
				<%--<ul class="nav nav-pills" role="tablist">--%>
				  <%--<li role="presentation" ><a href="#" class="nav-label">全部课程 </a></li>--%>
				  <%--<c:forEach items="${types}" var="type" varStatus="varSt">--%>
					  <%--<li role="presentation" <c:if test="${varSt.index == 0}">class="active"</c:if>><a href="#">${type.courseTypeName}</a></li>--%>
					  <%--&lt;%&ndash;<li role="presentation" <c:if test="${varSt.index == 0}">class="active"</c:if>><a href="#">${label.courseTypeName}<span class="badge">${label.labelCourseCount}</span></a></li>&ndash;%&gt;--%>
				  <%--</c:forEach>--%>
				<%--</ul>--%>
			<%--</h5>--%>

			<%--<h5 id="jumbotron" class="page-header">--%>
				<%--<ul class="nav nav-pills" role="tablist">--%>
				  <%--<li role="presentation" ><a href="#" class="nav-label">课程难度</a></li>--%>
					<%--<c:forEach items="${levels}" var="level" varStatus="varSt">--%>
						<%--<li role="presentation" <c:if test="${varSt.index == 0}">class="active"</c:if>><a href="#">${level.levelName}</a></li>--%>
						<%--&lt;%&ndash;<li role="presentation" <c:if test="${varSt.index == 0}">class="active"</c:if>><a href="#">${label.courseTypeName}<span class="badge">${label.labelCourseCount}</span></a></li>&ndash;%&gt;--%>
					<%--</c:forEach>--%>
				<%--</ul>--%>
			<%--</h5>--%>

			<!-- 已关注 开始 -->
			<%--<div class="col-md-12" id="attention_course">--%>
			<%--</div>--%>
			<%--<div class="col-md-12">--%>
			  <%--<h5  id="jumbotron" class="page-header"></h5>--%>
			<%--</div>--%>
 			<!-- 已关注 结束 -->
			  
			 <!-- 课程列表 开始 -->
			<div class="col-md-12" id="recommend_course">

					<c:forEach items="${courses}" var="course" varStatus="varSt">
						<div class="col-sm-6 col-md-3">
						<a class="thumbnail" href="${ctx}/chapter/course/${course.courseId}/0">
							<img class="img-responsive" src="${course.coursePicUrl} " alt="${course.courseName}">
							<div class="caption">
								<h4 class="media-heading">${course.courseName}</h4>
								<div class="tips">
									<p class="text-ellipsis">${course.courseName}</p>
									<span class="l">${course.attentionCount}</span> <b class="follow-label">人学习</b>
								</div>
							</div>
						</a>
						</div>
					</c:forEach>


			</div>
		</div>

	</div>
	<hr>
	<jsp:include page="/page/core/foot.jsp" />
	<script src="${ctx}/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery.simplePagination.js"></script>
	<script src="${ctx}/js/course/course.js"></script>

</body>
</html>